<!DOCTYPE html>
<html lang="en">
<head>
    <title>砍价详情</title>
    <meta content="" name="description">
    <meta content="" name="keywords">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="pragma" content="no-cach">
    <meta name="robots" content="all">
    <meta http-equiv="x-rim-auto-match" content="none">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="address=no">
    <meta name="format-detection" content="date=no">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./css/reset.min.css">
    <link rel="stylesheet" href="./css/bargain.css">
</head>
<body>
    <div id="container" class="">
        <div class="bargain_msg">
            <div class="person">
                <img src="./images/good.jpg" alt="">
                <p class="name">xaxaxas</p>
                <p class="tip">邀请你帮忙砍价</p>
            </div>

            <div class="good-msg">
                <img src="./images/good.jpg" alt="">
                <div>
                    <p class="name">介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊介绍啊</p>
                    <div class="new-count"><span>￥1,000</span><span class="old-count">￥2,000</span><a href="#">查看商品</a></div>
                </div>
            </div>

            <div class="btns">
                <a href="#" >发起砍价</a>
                <a href="#" >帮忙砍价</a>
            </div>
        </div>
     
        <div class="bargain-list" style="margin-bottom: 29px;">
            <h5>砍价成功列表</h5>
            <ul>
                <li>
                    <div class="left">
                        <img src="./images/good.jpg" alt="">
                        <div>
                            <p>用户adc</p>
                            <p>狂砍一刀</p>
                        </div>
                    </div>
                    <div class="right">
                        <img src="./images/j.png" alt="" srcset="">
                        <span>砍掉28.99元</span>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="./images/good.jpg" alt="">
                        <div>
                            <p>用户adc</p>
                            <p>狂砍一刀</p>
                        </div>
                    </div>
                    <div class="right">
                        <img src="./images/j.png" alt="" srcset="">
                        <span>砍掉28.99元</span>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="./images/good.jpg" alt="">
                        <div>
                            <p>用户adc</p>
                            <p>狂砍一刀</p>
                        </div>
                    </div>
                    <div class="right">
                        <img src="./images/j.png" alt="" srcset="">
                        <span>砍掉28.99元</span>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="./images/good.jpg" alt="">
                        <div>
                            <p>用户adc</p>
                            <p>狂砍一刀</p>
                        </div>
                    </div>
                    <div class="right">
                        <img src="./images/j.png" alt="" srcset="">
                        <span>砍掉28.99元</span>
                    </div>
                </li>
            </ul>
            <a href="#" id="btn-buy-hook">分享好友帮TA助力</a>
        </div>
    </div>


    <div class="shade" id="shade-hook">
        <img class="sanjiao" src="./images/s1.png" alt="">
        <img class="book" src="./images/book.png" alt="">
        <img class="plane" src="./images/plane.png" alt="">
        <a href="#" class="btn" id="close-buy-card-hook">我知道啦</a>
    </div>

    <script src="./js/jquery.min.js"></script>

    <script>
        $('#btn-buy-hook').click(function(){
            $('#shade-hook').show();
        })

        $("#close-buy-card-hook").click(function(){
            $('#shade-hook').hide();
        })
    </script>
</body>
</html>